---
title: Status
description: Used to indicate the status of a process or state
links:
  source: components/status
  storybook: components-status--basic
  recipe: status
---

<ExampleTabs name="status-basic" />

## Anatomy

```jsx
import { Status } from '@saas-ui/react/status'
```

```jsx
<Status>Label</Status>
```

## Examples

### Label

Render the label within the status component.

<ExampleTabs name="status-with-label" />

### Sizes

Use the `size` prop to change the size of the status component.

<ExampleTabs name="status-with-sizes" />

## Props

<PropTable component="Status" part="Root" />
